import styled from "styled-components";


export const ClumnContainer = styled.div`
margin-top:2rem;
 
    .title{
        margin:1rem 0 1rem 1.5rem;
        font-size:1.5rem;
        font-weight:700
    }
    .cards{
        width:100%;
        display:flex;
        display: -webkit-flex;
        -webkit-flex-wrap:wrap;
        flex-wrap:wrap;
        border-bottom:2px solid #585a5e;
        justify-content:center;
    }
    .cardItem{
        width:42%;
        margin:0.5rem;
       
    }
    .ImagBox{
        width:100%;
        /* height:150px; */
        img{
            
            width:100%
        }
    }
    .cardTitle{
        width:9rem;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-weight:700;
        margin-top:0.5rem;
    }
    .cardDesc{
        width:9rem;
        margin-top:0.5rem;
        margin-bottom:1rem;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .cardPrice{
        font-weight:700;
        /* margin-bottom:1rem */

    }
`
